<gm:page title="dev jobs" authenticate="false">

<div class="gm-app-header">
  <h1>Developer jobs</h1>
</div>


<div style="float:left;width:300px">

  <gm:map id="jobsMap" data="${jobsList}" control="large" 
    latref="geo:lat" lngref="geo:long">
    <gm:handleEvent src="jobsList"/>
  </gm:map>
    
</div>


<div style="float:left;width:300px">

    <gm:list id="jobsList" template="jobListTemplate"
      data="http://pipes.yahoo.com/pipes/pipe.run?_id=xvEpK8us3RG1BIR7BR50VA&_render=rss" pagesize="5">
      <gm:handleEvent src="jobsMap"/>
  </gm:list>

</div>


<gm:template id="jobListTemplate">
  <table class="blue-theme" style="width:300px">
    <tr repeat="true">
      <td><gm:text ref="atom:title"/><gm:link ref="link/@href" label="link..."/></td>
    </tr>
    <tfoot>
      <tr>
        <td align="center"><gm:pager compact="true"/></td>
      </tr>
    </tfoot>
  </table>
</gm:template>

</gm:page>
